<template>
  <div>
    <!-- 这是菜单的子组件，暂时没有被启用 -->
    <a-sub-menu :key="item.key" v-for="item in data">
      <span slot="title">
        <a-icon :type="item.icon" />
        <span>{{item.title}}</span>
      </span>
      <a-menu-item :key="array.key" v-for="array in item.children" >
        <router-link :to="array.path">{{array.title}}</router-link>
      </a-menu-item>
    </a-sub-menu>
  </div>
</template>
<script>
export default {
  data() {
    return {
      data: [
        {
          key:'teacher',
          icon:'mail',
          title:'权限管理',
          path:'',
          children:[
            {
              key:'onepage',
              icon:'',
              path:'/teacher/onepage',
              title:'应用管理',
            },
            {
              key:'twopage',
              icon:'',
              path:'/teacher/threepage',
              title:'角色管理',
            },
            {
              key:'cdglpage',
              icon:'',
              path:'/teacher/cdglpage',
              title:'菜单管理',
            }
          ]
        }
      ]
    };
  },
  mounted() {},
  methods: {}
};
</script>
<style scoped>
</style>